<script setup>
import WorkTodoItemMenu  from './work-todo-item-menu.vue';

const props = defineProps({
  menu: { type: Array },
  defaultActive: { type: String },
});

const { menu, defaultActive } = toRefs(props);
</script>

<template>
   <el-menu class="menu" unique-opened :default-active="defaultActive">
    <work-todo-item-menu :menu="menu"></work-todo-item-menu>
  </el-menu>
</template>

<style lang="scss" scoped>
.menu {
  :deep(.el-menu-item.is-active)::before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: #409eff;
    position: absolute;
  }
}
</style>
